<template>
  <div class="abstract">
    <div class="divider_header">
      <div class="titel">
        <div
          class="divider divider-l"
          style="background: linear-gradient(to right, #000, #fff)"
        ></div>
        <h5 style="color: #fff">协会介绍</h5>
        <div
          class="divider divider-r"
          style="background: linear-gradient(to left, #000, #fff)"
        ></div>
      </div>
      <div class="more" @click="$router.push('/about/introduce')">
        <span style="color: #fff;display:inline-block">更多</span>
        <img src="@/assets/home_more_white.png" alt="" />
      </div>
    </div>

    <div class="content">
      <div>
        <img src="@/assets/home_Introduction_logo.png" alt="" />
      </div>
      <div>
        <h5>广东省企业投资促进会</h5>
        <p>
          广东省企业投资促进会（以下简称“广投会”）于2013年12月经广东省民政厅社会组织管理局正式批准成立，由广东省实体企业、金融机构、投资机构、投资促进机构、专业服务机构，政府招商部门和研究机构等组成的非盈利性社会组织，是党和政府联系广东省企业家的桥梁和纽带。
        </p>
        <p>
          广投会秉持“聚合资源、共创价值”的核心理念，践行“价值分享、投资共赢”为宗旨，牵手企业与政府、实业与资本，投资促进产业发展，承接政府委托服务、投资促进服务和产业金融服务等。赋能企业提升效益，有效控制投资风险，充分发挥社团组织功能。
        </p>
        <p>
          广投会由：理事会、监事会和专家顾问委员会作为管理指导机构，并设立金融投资委员会、实体项目委员会、运营管理委员会、综合服务委员会作为四大服务功能体系。是政府与企业的“沟通者”、会员企业的“服务者”、行业利益的“协调者”，广投会致力打造粤港澳大湾区最具有影响力的新经济社会组织。
        </p>
      </div>
    </div>
  </div>
</template>
<script >
import api from "@/api/modules/home.js";
export default {
  data() {
    return {
      content: "",
    };
  },
  mounted() {
    api.getaboutUsDetail({ aboutUsId: 1 }).then((res) => {
      this.content = res.data.aboutUsContent;
    });
  },
};
</script>
<style lang="less" scoped>
.abstract {
  width: 100%;
  padding: 78px 0 96px 0;
  box-sizing: border-box;
  background-color: #ffffff;
  background-image: url("../assets/home_bg1.jpg");
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  .divider_header {
    .divider {
      width: 30%;
    }
    .divider-l {
      left: 9%;
      background: linear-gradient(
        270deg,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      ) !important;
    }
    .divider-r {
      right: 9%;
      background: linear-gradient(
        270deg,
        rgba(255, 255, 255, 0) 0%,
        #ffffff 100%
      ) !important;
    }
  }
  .content {
    width: 75%;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 4px 0px 22px 0px rgba(5, 33, 67, 0.2);
    z-index: 2;
    box-sizing: border-box;
    padding: 80px 110px;

    > div {
      text-align: center;
      img {
        max-width: 14vw;
        max-height: 13vw;
      }
      h5 {
        text-align: center;
        font-size: 3rem;
        color: #000;
      }
      p {
        margin-bottom: 30px;
        text-align: left;
        text-indent: 3.6rem;
        letter-spacing:0.2rem;
        font-size: 1.4rem;
      }
    }
  }
}
</style>